@charset "utf-8";
/* 导航 */
.navbar-pull-all{overflow:hidden;width:1140px;margin:auto; padding: 15px 0;}
.header-right { font-size: 30px; }
.navbar-header{width:100%;margin:auto;float:none;}
.navbar-full {width:100%;background:#07408d; }
.navbar-full .collapse { margin:0 auto; width:1140px;/* background:#b17431; */}
.navbar-brand { padding: 29px 15px; height: auto; }
nav.navbar.bootsnav { border: none;}
.navbar-nav { float: left; }
nav.navbar.bootsnav ul.nav > li > a {color: #fff;text-transform: uppercase;padding: 17px 39.3px;font-size: 16px; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li:hover { background: #cc0000;}
nav.navbar.bootsnav ul.nav > li:hover > a{color:#fff; }
.nav > li:after { content: ""; width: 0; height: 5px; background: none !important; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.nav > li:hover:after { width: 100%; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { display:none;content: "\f105"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 28%; right: 15%; transition: all 0.4s ease 0s; transform: rotate(90deg); }
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: "\f105"; transform: rotate(270deg); }
.dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; }
@media only screen and (max-width:990px) {
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,  nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: " "; }
.dropdown-menu.multi-dropdown { left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover { background: transparent; }
nav.navbar.bootsnav ul.nav > li > a { margin: 0; }
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{background:#a60000;color:#fff;}
.nav>li:before{position: absolute;display: block;content: '';width:1px;height:18px;background:#fff;top:50%;margin-top: -9px;right:0; }
.nav>li:last-child:before{display: none;}



/* 顶部 */
.k2 {
    float: right;
    background: url(../images/tel03.png) 0 9px no-repeat;
  background-size:47px;
  padding-left:55px;margin-top:10px;
 padding-top:8px;
}
.k2 p{font-weight:bold;}
.k2 h3{margin:0;font-size:20px;}
.ktel {color: #0063b8;font-size:24px;line-height:32px;}


/* .xs-logo{margin-top:8px;} */
.xs-logo img {float: left;margin: 10px 0;height:65px;}
.xwa{border-left: 1px solid #dcdcdc;padding-left:15px;margin-left:15px;color: #333;font-size:19px;float:left;height:70px;padding-top:5px;margin-top:10px;}
.xwa p{color: #dd0103;font-size: 20px;line-height:35px;}
.xwa span{color:#3481dd;font-size:20px;}

.top{height:35px;background:#f4f4f5;line-height:30px;font-size:14px;}

/* 搜索 */
.sos{padding:8px 0;background:#eee;}
.hot_search{font-size:14px;line-height:40px;}
.hot_search a{font-size:14px;color:#666;padding:0 5px;}
.hot_search a:hover{color:#f00;}
.searchbox{margin-top:3px;}
.ope {
    border: 0 none;
    outline: 0 none;
    height:40px;
    line-height: 40px;
    padding: 0 15px;
  border:1px solid #eee;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-radius: 8px 0 0 8px;
    width: 320px;font-size:15px;
}
.poq {
    border: 0 none;
    outline: 0 none;
  font-size:14px;
    height: 42px;
    width: 63px;
    margin-left: -5px;
    color: #fff;
    background:#044299;
  border-radius: 0px 8px 8px 0;
}



/* 轮播 */
.ibanner .img { height: 730px; background-size: cover; background-position: center; } /* 高度 */
#uu .img { height: 450px;}
.page-banner{ height: 450px;}
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:#07408d;}
.ibanner .slick-arrow i { font-size: 50px; }

/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align:center; font-size: 15px; border-bottom: 1px solid #ddd; z-index:0;}
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; background:#cc0000; }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #203e85; height:45px; line-height: 45px;background:#203e85;border-radius:10px 10px 0 0;padding:0 15px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; font-weight: bold; font-size:17px; color: #fff;border:0; height:45px; line-height: 45px; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #fda701; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px;color:#fff; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 16px; padding-top: 0px; padding-bottom: 15px;line-height:30px; }
 .page-content img {/* max-width:100% !important;  */height:100% !important;} 
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width:65px;height:65px; text-align: center; color: #fff; margin-right: 15px; background:#203e85; }
.page-alist .page-adate h3 { font-weight: bold; margin-top:14px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px; }
.page-alist .page-atit p { font-size: 12px; color: #999; margin-bottom: 0; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #f00; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:16px; line-height:30px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}
.nav>li:before{position: absolute;display: block;content: '';width:1px;height:18px;background:rgba(255,255,255,.8);top:50%;margin-top: -9px;right:0; }
.nav>li:last-child:before{display: none;}
.page-con-tit h1,.product_detail h1.title{font-size:18px;}
.img-inner:hover{border-color:#f00;}
.page-alist .col-md-4 a:hover h5{color:#f00;}
 .img-inner img{height:auto;}
.relatedProduct .col-md-3 .imsg{display:block;}
.der{font-size:16px;text-align:center;}

.navbar-nav>li:nth-child(3)>.dropdown-menu{min-width: 380px;left:50%;margin-left:-190px;}
.dropdown-menu{}
.navbar-nav>li:nth-child(3)>.dropdown-menu li{width:50%;float:left;}




/* .img-inner img{height:100%;} */
.page-img{height:105px;overflow:hidden;}
.page-atit{width:80%;float:left;}
.eer a .media-heading{font-size:18px;color:#666;font-weight:400;padding:0 15px;margin-top:8px;line-height:35px;}
.page-alist li.eer{padding:5px;/* border:0; */}
.eer:hover{background:#094792;}
.eer:hover a .media-heading{color:#fff;}
.page-alist .page-adatea {float:right;width:auto;height:auto;font-size:16px;color:#333;background:none;line-height:55px;}
.page-alist .page-adatea span{font-size:30px;margin-left:5px;float: right;}
.page-alist li:hover .page-adatea{color:#fff;}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{    background-color: #203e85;
    border-color:#203e85;}
.pagination>li>a{color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color:#333;}


.page-summary,.prodescription{display:none;}

.zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; }
.zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(../images_public/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px;  * width:100px; * height:49px;}
.zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; }
.zoomPup img { width:299px; height:200px;} 
.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; }
.zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; }
.zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }
.product_detail .img{overflow:hidden;}

/* 产品页模板 */
.cation-middle {
    line-height: 45px;
    background: #fff;
    font-size: 16px;margin-bottom:25px;
}
.cation-list {
    overflow: hidden;
}
.cation-list dt {
    float: left;
    width: 50px;
    font-weight: 700;
    line-height: 37px;
    position: relative;
    color: #333;
}
.cation-list dd {
    border-bottom: 1px dotted #e0e0e0;
    margin-left: 50px;
    overflow: hidden;
}
.cation-list dd a.on, .cation-list a:hover {
    color: #dd0103;
}
.cation-list dd a {
    color: #8d8d91;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    float: left;
    border-right: 1px solid #e0e0e0;
    padding: 0 18px;
    margin: 12px 0;
}
.cation-list dd a:last-child {
    border-right: 0 none;
}

.cation-list:last-of-type dd {
    border-bottom: 0 none;
}




.bt{text-align:center;margin-bottom:30px;background: url(../images/bg5.png) center no-repeat;}
.bt h2{font-weight: bold;margin:0 0 10px;font-size:30px;}
.bt p{font-size:16px;text-transform : uppercase;color:#666;line-height:25px;}
.bt img{height:80px;}


.w70{width:70%;}
.more{display:block;width:280px;height:45px;line-height:45px;text-align:center;color:#fff;font-size:16px;margin:0 auto;background:#cc0000;border-radius:5px;}
.more:hover{background:#9d150c;color:#fff;}

/* 关于我们 */
.fwcn{padding:45px 0 0;}
.gywm{font-size:16px;line-height:32px;margin:40px 0;}
.fwcn .more{margin:0;}
.poe img{width:100%;}
.x_bt{margin-bottom:20px;}
.x_bt h2 {
    position: relative;
    display: block;
    font-size:33px;
    line-height: 1.2em;
    color: #000;
    font-weight: 800;margin:0;
    padding-bottom: 25px;
}
.x_bt h2:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 120px;
    height: 2px;
    background-color: #e1993b;
}
.x_bt h2:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 2px;
    background-color: #000;
}


.tabbable{margin-top:30px;}
.nav-tabs>li{margin:0;margin-right:20px;}
.nav-tabs>li>a{font-size:20px;line-height:30px;border-bottom:2px solid #fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:0;color:#07408d;}
.nav-tabs>li.active{border-bottom:2px solid #07408d}
.nav-tabs>li>a:hover{background:none;border:0;border-bottom:2px solid #07408d;color:#07408d;}


.walking{margin-top:25px;}
 .walking .ar_1 .item img{height:240px}
 .walking .ar_1 .item img{ transition:.6s}
.str_wrap,.str_wrap:hover,.walking .ar_1 p,.walking .ar_1{ background:none}
.walking .ar_1{height:280px;width:360px;margin-left:10px;}
 .walking .ar_1 .item img{height:240px}
 .walking .ar_1 p{color:#333;font-size:16px;margin:0; display: block;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;background:#fff;}
.walking .ar_1 .item{border:1px solid #ccc; background:#fff; }
 .walking .ar_1:hover p{color:#f00;}
.walking .ar_1:hover img{ transform:scale(1.1)}


/* 数字滚动 */
.digital{width:100%;margin:0px auto 60px;}
.mumping_mun {}
.mumping_mun li{width:25%;display:block;padding:0 3% 0;float:left;position:relative;}
.mumping_mun{list-style: none;}
.mumping_mun p{font-size: 18px;width: 100%;display: block;clear: both;text-align:center;    color: #666;}
.mumping_mun h2{font-size: 40px;margin-bottom: 10px;text-align:center;    color:#07408d;}
.mumping_mun h2 span{font-size:22px;}
.mumping_mun h3{font-size:20px;color:#094792;margin-top:0;}
.mumping_mun li .r_r {position: relative;}
.mumping_mun li .r_r::after{content: '+';position: absolute;font-size: 30px;bottom:15px;}
.mumping_mun li:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 50px;
    background: #d7d7d7;
    right: 0;
    top: 50%;
  margin-top:-25px;
}
.mumping_mun li:nth-child(4):after{display:none;}

/* 服务项目 */
.fwxm{margin:60px 0 0;}

.scrollleft{width:100%;margin:20px 0 0px;}
.scrollleft li{float:left;display:inline;text-align:center;width:220px;margin:0 6px;overflow:hidden;}
.scrollleft img{height: auto;width: 100%;margin-bottom:10px}
.scrollleft p{color:#333;font-size:16px;margin:0; display: block;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.scrollleft li a:hover p{color:#f00;}
.rect-1061:after{content: ''; position: absolute;width: 100%;height: 350px;top: 0;left: 0;background: rgba(0,0,0,0.5);opacity: 0;visibility: hidden;transition: opacity .2s ease;}

.proMore{ display: block; width: 500px; height: 45px; text-align: right; margin: 0 auto 0; vertical-align: middle; line-height: 45px;font-size:14px;background:#cc0000; border-radius: 50px; color: #fff;
		  transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;  -ms-transition: .5s;-o-transition: .5s;margin-top:30px; }
.proMore p{ display: inline-block; margin-right: 1px; font-style: normal; border-radius: 50px;color: #000; background: #fff; margin-top: 1px;text-align: center; width: 160px; height: 43px; line-height: 43px;font-size:16px;}
.proMore:hover{color:#fff;}
.proMore i{margin-right:5px;}
.proMore span{display: inline-block; vertical-align: middle; color: #fff; margin-right: 25px;  font-size: 31px; font-family: impact;}
.proMore:hover{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);} 



/* 产品展示 */
.cpzx{margin:45px auto;}
.cp_li {width: 25%;position: relative;display: flex;flex-direction: column;overflow: hidden;float:left}
.two img {width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.two:hover img {transform: scale(1.1) translate3d(0, -60px, 0);}
.title-box {
    width: 100%;
    height: 90px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: -20px 80px 250px #000;
}
.artcoating_body_ul_li_title {
    color: #fff;font-size:25px;
    position: absolute;
    left: 40px;
    line-height: 35px;
    bottom: 40px;
    transition: ease all 0.5s;
    z-index: 10;
}
.two:hover .artcoating_body_ul_li_title {
    display: none;
}
 .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(162, 162, 162, 0.3);
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
}
.two:hover .mask {
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
}
.two_hover {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%;
    position: absolute;
    flex-wrap: wrap;
    align-items: center;
    transition: all ease .5s;
    color: #fff;
    bottom: 0;
    z-index: 11;
    opacity: 0;
}
.two:hover .two_hover{
    opacity: 1;
}
.two_title {
    padding: 0 40px 0;
    position: absolute;
    top: 30px;font-size:18px;
}
.two_content {
    padding: 0 40px;
    font-size: 15px;
    position: absolute;
    bottom: 70px;
    line-height: 24px;
}
.two_footer {
    background:rgb(30,80,175);
    height: 45px;
    padding-right: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 11;
    transition: all .3s;
    transform: translate3d(0, 45px, 0);
}
.two:hover .two_footer  {
    transform: translate3d(0, 0px, 0);
}
.two_footer a {
    font-size: 16px;
    color: #fff !important;
}


/* 广告 */
.gg{ background:#07408d;padding:30px 0;text-align:center;color:#fff;}
.gc p{font-size:18px;}
.gc h2{font-size:35px;font-weight:bold;margin:5px 0;}
.gc i{margin-right:10px;}
.gb h3{margin:0px 0 15px;font-size:45px;font-weight:bold;}
.gb p{font-size:18px;}
.gg li{float:left;display:block;padding:0 27px;height:35px;line-height:33px;border:1px solid #fff;margin-right:15px;margin-bottom:10px;font-size:16px;}

/* 优势 */
.youshi{/* background:url(../images/bj3.jpg) no-repeat center top; */padding:0px;background-size:cover;}
.bta{text-align:center;}
.bta h2{font-size:40px;color:#142f86;font-weight:bold;}
.bta em{font-size:60px;color:#f0831e;font-weight:bold;}
.bta p{font-size:16px;}
.ys_l{float:left;margin-bottom:0px;}
.a{width:50%;margin-top:70px;}
.b{width:50%;}
.ys_r{float:right;}
.boxa{margin-bottom:20px;height:165px;position:relative;width:90%;}
.boxa h2{font-size:25px;color:#07408d;margin:0 0 10px;font-weight:bold;padding-bottom:8px;border-bottom:1px dashed #333; }
.boxa h2 span{color:#cc0000;margin-right:10px;}
.boxa p{font-size:15px;line-height:28px;color:#666}
.boxa p i{margin-right:8px;color:#fd9903;}
.boxa h4{padding:16px 24px;font-size:28px;color:#2a65c3;border:2px solid #2a65c3;display:block;width:110px;height:120px;line-height:40px;position:absolute;left:0px;top:0;margin:0;}
.ys_r img{width:100%;}
.ys_l img{width:100%;}
.xx{background: url(../images/);height: 3px;width: 100%;margin:8px 0;}





/* 优势 */
.indexTit {text-align: center;}
.floor_3_main .title {
    float: none!important;
    text-align: center!important;
    font-size: 54px;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
   margin:0; margin-top: 10px;
      color:#0063b8;
    font-weight: bold;
    line-height: 48px;
}
.floor_3_main .titchoose {
    color: #333;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-top: 26px;
}
.floor_3_main .titys {
    color: #fff;
    font-size: 26px;
    margin-top: 15px;
    display: block;
}

.floor_3_main {
	padding-top: 60px;
  margin:45px 0;
	background: url(../images/bj.jpg) center top no-repeat;
	border-top: 8px solid #0063b8;
	border-bottom: 8px solid #0063b8;
}
.floor_3_main .floor_3_1 {
	padding-top: 72px;
	padding-bottom: 32px;

}

.floor_3_main .title{
	float: none!important;
	text-align: center!important;
	font-size: 54px;
	text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
	margin-top: 10px;

}

.floor_3_main .titchoose{
	color: #333;
	font-size: 16px;
	text-transform:uppercase;
	display: block;
	margin-top: 26px;
}
.floor_3_main .titys{
	color: #333;
	font-size: 26px;
	margin-top: 15px;
	display: block;
}
.floor_3_main dl {
	width: 1200px;
	height: 320px;
	position: relative;
	z-index: 1;
}
.floor_3_main .dl1 dt {
	float: left;
	width: 558px;
	height: 318px;
}
.floor_3_main dl dt img {
	display: block;
	width: 100%;
}
.floor_3_main .dl1 dd {
	float: left;
	width: 590px;
	height: 300px;
	margin-left: 50px;
}
.floor_3_main .dl1 dd h3 {
	display: block;
	height: 77px;
	padding-top: 80px;
	padding-left: 100px;    margin: 0;
}
.floor_3_main .dl1 dd h3 span {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 38px;

}
.floor_3_main .dl1 dd h3 b {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	line-height: 38px;
}
.floor_3_main .dl1 dd p {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	margin-top: 12px;
	height: 90px;
	padding-left: 20px;
}
.floor_3_main .dl2 dt {
	float: left;
	width: 518px;
	margin-top: -28px;
}

.floor_3_main .dl2 dd {
	float: left;
	width: 590px;
	height: 300px;

}
.floor_3_main .dl2 dd h3 {
	display: block;
	height: 77px;
	padding-top: 80px;
	padding-left: 80px;margin:0;
}
.floor_3_main .dl2 dd h3 span {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 38px;

}
.floor_3_main .dl2 dd h3 b {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	line-height: 38px;
}
.floor_3_main .dl2 dd p {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	margin-top: 12px;
	height: 90px;
}

.floor_3_main .dl3 dt {
	float: left;
	width: 496px;
	height: 302px;
}

.floor_3_main .dl3 dd {
	float: left;
	width: 590px;
	height: 300px;
	margin-left: 110px;
}
.floor_3_main .dl3 dd h3 {
	display: block;
	height: 77px;
	padding-top: 80px;
	padding-left: 100px;margin:0;
}
.floor_3_main .dl3 dd h3 span {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 38px;

}
.floor_3_main .dl3 dd h3 b {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	line-height: 38px;
}
.floor_3_main .dl3 dd p {
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 32px;
	margin-top: 12px;
	height: 90px;
	padding-left: 20px;
}

.floor_3_main .dl4 dt {
	float: left;
	width: 558px;
	height: 318px;
	margin-top: -10px;
	margin-right: 10px;
}

.floor_3_main .dl4 dd {
	float: left;
	width: 590px;
	height: 300px;

}
.floor_3_main .dl4 dd h3 {
	display: block;
	height: 77px;
	padding-top: 60px;
	padding-left: 80px;margin:0;
}
.floor_3_main .dl4 dd h3 span {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 38px;

}
.floor_3_main .dl4 dd h3 b {
	display: block;
	float: left;
	margin-left: 18px;
	width: 400px;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	line-height: 38px;
}
.floor_3_main .dl4 dd p {
	display: block;
	font-size: 16px;
	color: #666;
	line-height: 32px;
	margin-top: 12px;
	height: 90px;
}

.floor_3_main .dl4 dd a{
	font-size: 16px;
	color:#fff;
	line-height: 60px;
	width: 160px;
	border-radius: 40px;
    background-image: linear-gradient(to right,#0063b8, #369d27);
    height: 60px;
    padding:10px 40px; 

}


.floor_3_main .dl2{height: 336px;}


.floor_3_main dl.dl2 dd, .floor_3_main dl.dl4 dd {
	float: left;
}
.floor_3_main dl.dl2 dt, .floor_3_main dl.dl4 dt {
	float: right;
}
.floor_3_main dl.dl2 dd h3 i {
	display: block;
	float: left;
	width: 77px;
	height: 77px;
	background: url(../images/t8_07.jpg) center center no-repeat;
}
.floor_3_main dl.dl3 dd h3 i {
	display: block;
	float: left;
	width: 77px;
	height: 77px;
	background: url(../images/t8_10.jpg) center center no-repeat;
}
.floor_3_main dl.dl4 dd h3 i {
	display: block;
	float: left;
	width: 77px;
	height: 77px;
	background: url(../images/t8_12.jpg) center center no-repeat;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

/*流程*/
.lc{padding: 60px 0; background: #f9fafc;}
.lc li {float: left;width: 12%;text-align: center; margin: 0px 0%;transition: .6s;/* border: 1px solid #a6a6a6; */padding-top: 0px;margin-bottom: 0px;margin-top: 0px;    background: url(../images/ic9.png) no-repeat left 0px top 14px;padding-left: 40px;}
.lc li h5{color: #555;font-size: 18px;margin-top: 16px;margin-bottom: 0px;/* font-weight: bold; */}
.lc li img{/* background: #ffffff; */border-radius: 50%;/* width: 64%; */    border: 1px solid #a6a6a6;}
.lc li p{font-size: 14px;color: #999;margin-top: 10px;/* text-align: left; */text-transform: uppercase;}
.lc li img:hover{background: #e3e3e3;border-radius: 50%;/* width: 64%; */}


/* 产品中心 */
.product_box{margin:45px 0 20px;position: relative;background:none;}
.product_content .pro_nav{margin-bottom:20px;}
.cate_tt {
    background:#cc0000;
    height: 100px;
    color: #fff;
   padding-left:20px;
}

.cate_tt h3 {
    font-size: 31px;
    padding-top:21px;
  margin:0;
}

.cate_tt h3 span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
      margin-top: 10px;
}
.sort11 li {position: relative;}
.sort11 li a {
    display: block;
    font-size: 16px;
    color: #fff;width:100%;
  margin-bottom:1px;
  line-height:40px;
  padding:0;
  padding-left:15px;
background:#07408d;
  text-align:left;;
}
.sort11 li a:hover{background:#cc0000;}
.sort11 li a i{position:absolute;right:15px;line-height:45px;top:0;}
.itema{position: relative;height:600px;overflow: hidden;overflow-y: hidden;outline: none; line-height:20px;}


.product_bg{background:none;padding-top:0;}
.pro_nav{background:none;}
.pro_content li{width:25%;%;float: left;padding:0 5px;text-align: center;margin-bottom:10px;}
.pro_nav_list li{width:auto;}
#deno{OVERFLOW: hidden; HEIGHT:688px}
.pro_nav_list li a{font-size:16px;padding:0 15px;}
.pro_content a.pro_img{display:block;width:100%;height: 250px;line-height: 180px;overflow:hidden;}
.pro_content a.pro_img img{transition: .6s;    height: 100%;}
.pro_content li:hover a.pro_img img{transform:scale(1.1)}
.pro_content a{font-size:16px;}
.pro_content li:hover span{color:#fff;background:#07408d;} 

.sbtupian {
    border: 1px solid #c7c5c5;
    overflow: hidden;background:#fff;
}

.sbtupian img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    height: 250px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.sbtupian img:hover {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
}

span.sbname {
    line-height: 35px;
    text-align: center;
    display: block;
  background: #eee;
}


/* 新闻展示 */
.news_bg {padding: 45px 0;background:none;}
.news_date{background:#07408d}
.news_article a:hover,.news_title h3 a:hover{color:#f00;}
.news_contact .news_title{margin-left:0;}
.news_title p{font-size:15px;height:55px;}
.news_contact{margin-bottom:30px;    background: #f8f8f8;}
.news_contact .news_img{display: block;width:100%;}
.news_content{margin-top:25px;}
.news_list li{background:#fff;margin-bottom: 8px;}
.news_img{background:#efefef;}
.list-unstyled{padding-left:30px;}
.xw_img{width:30%;height:120px;overflow:hidden;}
.news_3{margin:0 0 30px;padding:0;}
.news_3 a{font-size:16px;color:#333;}
.news_3 a:hover{color:#f00;}
.news_3 span{font-size:12px;color:#999}
.news_3 p{font-size:15px;line-height:22px;color:#666;}
.news_3 li{margin:0;padding:8px 0;}

/* 工程案例 */
.gcan {padding: 60px 0;background: url(../images/bg2.jpg) repeat-x top;}
.gc_1{width:29%;height:560px;margin-bottom:30px;overflow:hidden;position:relative;}
.gc_1 img{height:100%;}
.ul{width:71%;}
.gcan ul li{display:block;width:50%;height:275px;overflow:hidden;margin-bottom:10px;padding-left:10px;float:left;position:relative;text-align:center;}
.gcan li img{height:100%;}
.zzc{position:absolute;right:0;bottom:0;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;line-height:40px;width:150px;text-align:center;}



/* 页尾 */
footer { background:#333; color: #fff;padding:20px 0 20px; }
footer a { color: #ccc; }
.footer-copyright {text-align:center;margin-top:25px;border-top:1px solid rgba(255,255,255,0.3);padding-top:15px}
.f0_bt{margin-bottom:20px;}
.f0_bt h2{margin:0;font-size:18px;font-weight:700;}
.f0_bt p{font-size:16px;}
.lxfs{font-size:16px;line-height:28px;margin-bottom:15px;}
.ewm {float:left;margin-right:35px;width:120px;text-align:center;}
.ewm img{width:100%;}
.ewm p{margin-top:5px;font-size:12px;}
.nav_foot{}
.nav_foot span{margin-right:8px;}
.nav_foot p{display:block;width:33.33%;float:left;font-size:16px;line-height:32px;}
.nav_foot a{color:#fff;font-size:15px;line-height:25px;}
.nav_foot a:hover{color:#f00;}


/* 返回顶部 */
.gototop{width:40px;height:40px;z-index:9999999999; position: fixed; bottom: 60px; right: 15px;}
.gototop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}
.gototop i { font-size: 36px;color:#818183 }

@media (min-width: 1200px) {
	.mobile-footer { display: none; }
  
}
.app{display:none;}
.w80{width:80%;}
@media (max-width:1600px){
  .w70,.w,.w80{width:auto;}
}
@media (max-width: 992px){
    body.side-right{overflow: hidden;}
    body nav.navbar.bootsnav .navbar-toggle{margin-right: 0;}
    body.side-right nav.navbar.bootsnav .navbar-toggle{float: right !important; margin-top: 12px; margin-right: 15px;}
    nav.navbar.bootsnav.navbar-mobile ul.nav,body nav.navbar.bootsnav .navbar-nav > li > a{border-top: none;}
    body nav.navbar.bootsnav .navbar-toggle { margin-top: 12px; margin-right: 15px; padding: 0 8px; border: 1px solid #666;}
    body.side-right > .wrapper{margin:0 !important;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{width: 100%;height:auto !important;left: 0;top:-100%;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{top:72px;}
    body nav.navbar.bootsnav.navbar-mobile ul.nav{width: 100%; margin:0;padding: 0;}
    body nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0 !important;}
   .pc{display:none;}
  .app{display:block;}
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{padding-left:25px;    background: #fff;}
  nav.navbar.bootsnav ul.nav > li:hover > a{color:#333;}
  .nav>li:before{display:none;}
  
  .w70,.w80{width:auto;}
  
  .bt{margin-bottom:15px;}
  .bt h2{font-size:28px;}
  .bt p{font-size:12px;}
  .bt img{height:50px;}
  
  .more{margin:0 auto;}
  /* 关于我们 */
  .fwcn{padding:25px 0 0;}
  .walking {margin:15px 0 0;}
  .fwcn .walking .ar_1{height:220px;width:250px;margin-left:10px;}
  .fwcn .walking .ar_1 img{height:180px;}
  .gywm{margin:15px 0;}
  .tabbable{margin-top:10px;}
  .fwcn .more{margin:20px auto 0;}
  /* 产品分类 */
  .cpzx{padding:0;margin:25px 0;}
  .cp_li{width:50%;}
  .one h2{font-size:18px;margin-bottom:10px;}
  .one p{font-size:12px;line-height:22px;
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
  }
 
  .cpzx .more{margin-top:20px;}
  
  .two_content{
    padding:0 10px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
  }
  .artcoating_body_ul_li_title{bottom:0;font-size:18px;}
  .title-box{height:40px;}
  .two_title{padding:0;width:100%;text-align:center;top:10px;}
  
  /* gg */
  .w{width:100%;}
  .i-mid{margin:25px 0;padding:15px 0 30px;height:auto;}
  .i-mid .i-mid-hd h3{font-size:20px;}
  .i-mid .i-mid-hd{padding:0 15px;}
  .i-mid .i-mid-hd h5{padding:10px 0;font-size:18px;}
  
  
  /* 我们能做什么 */
  .fwxm{margin:25px 0;}
  .scrollleft li{width:120px;}
  .tit{font-size:20px;}
  .rect-1061{height:260px;}
  
  /* 优势 */
  .youshi{padding:0;height:auto;padding-bottom:30px;}
  .hza i{width:40px;height:40px;line-height:40px;font-size:20px;}
  .hza{padding-left:55px;}
   .kxys_nr img{width:100%;}
  .kxys{height:auto;}
  .kxys_l{position: inherit;top:0;width:100%;padding:0;}
  .kxys_r{    position: inherit;top:0;width:100%;padding:0;}
  .hza{margin-top:10px;height:auto;}
  .hza h2{font-size:20px;}
  .hza p{font-size:14px;line-height:28px;}
  .gshj{padding-bottom:0;}
  .bta h2{font-size:25px;}
  .bta em{font-size:45px;}
  
  
  .gb h3{font-size:25px;}
  .a{margin-top:20px;width:100%;}
  .boxa{width:100%;height:auto;}
  .boxa h2{font-size:22px;}
  .b{width:100%;}
  
  
  /* 流程 */
  .lc{padding:25px 0;}
  .lc li{width:25%;padding:0;background:none;}
  .lc li h5{font-size:14px;}
  
  
   /* 产品展示 */
  .product_box{padding:25px 0;}
  .product_href a{padding:8px 17px;}
  .product_content .pro_img{height:135px;line-height:135px;padding:0;}
  
 /* 优势 */
  .floor_3_main{padding:15px 0;background:none;}
  .floor_3_main .dl1 dd h3 span{width:98%;}
  .w1200{width:100%;}
  .floor_3_main dl{width:100%;height:auto;}
  .dt img{width:100%;}
  .floor_3_main .dl1 dt,.floor_3_main .dl2 dt,.floor_3_main .dl3 dt,.floor_3_main .dl4 dt{width:100%;height:auto;}
 .floor_3_main .dl2 dd,.floor_3_main .dl4 dd,.floor_3_main .dl2 dd,.floor_3_main .dl1 dd{width:100%;}
  .floor_3_main .dl3 dd{width:100%;margin:0;}
  .floor_3_main .dl2{height:auto;}
  
  .floor_3_main .title{font-size:25px;margin:0;}
  .floor_3_main .titys{font-size:15px;margin-top:8px;color:#999;}
  .floor_3_main .titchoose{font-size:12px;margin:0;color:#333;}
  
  
  .floor_3_main .floor_3_1{padding-top:15px;overflow: hidden;padding-bottom:0;}
  .floor_3_main .dl1 dd{margin-left:0;height:auto;padding:15px;}
  .floor_3_main .dl1 dd h3{padding:0;}
  .floor_3_main .dl1 dd h3 span{color:#000;font-size:22px;margin:0;line-height:28px;}
  .floor_3_main .dl1 dd h3 b{color:#999;font-size:17px;margin:0;}
  .floor_3_main .dl1 dd p{color:#666;padding:0;margin:0;height:auto;}
  
  .floor_3_main .dl2 dd{padding:15px;height:auto;}
  .floor_3_main .dl2 dt{margin:0;}
  .floor_3_main .dl2 dd h3{padding:0;}
  .floor_3_main .dl2 dd h3 span{color:#000;font-size:22px;margin:0;line-height:28px;}
  .floor_3_main .dl2 dd h3 b{color:#999;font-size:17px;margin:0;}
  .floor_3_main .dl2 dd p{color:#666;padding:0;margin:0;}
  
  .floor_3_main .dl3 dd{padding:15px;height:auto;}
  .floor_3_main .dl3 dd h3{padding:0;height:auto;}
  .floor_3_main .dl3 dd h3 span{font-size:22px;line-height:28px;margin:0;}
  .floor_3_main .dl3 dd h3 b{margin:0;}
  .floor_3_main .dl3 dd p{padding:0;margin:0;height:auto;}
  
  .floor_3_main .dl4 dd{padding:15px;height:auto;}
  .floor_3_main .dl4 dt{margin:0;}
  .floor_3_main .dl4 dd h3{padding:0;}
  .floor_3_main .dl4 dd h3 span{font-size:22px;line-height:28px;margin:0;}
  .floor_3_main .dl4 dd h3 b{margin:0;}
  .floor_3_main .dl4 dd p{padding:0;margin:0;height:auto;}
  
  
  
  /* 新闻 */
  .hz{padding:35px 0;}
  .news_list{margin-bottom:15px}
  .news_info_title h3{font-size:25px;}
   .news_4 .conts{margin-left:25%;}
  .news_content{margin-top:0;}
  .xinwen{margin:30px 0;}
  .news_list a{padding:8px 0;}
  .news_list .news_list_date{width:32%;}
  .list-unstyled{padding:0;}
   
     /* 页尾 */
  footer{margin-bottom:50px;background:#07408d;}
  .floor_3_main{height:auto;}
  .floor_3_main .liuc{width:100%;padding-left:0;}
  .floor_3_main .liuc .list{width:100%;}
  .floor_3_main .liuc li{width:86px;    margin-bottom: 15px;}
  .floor_3_main .liuc li .jt{width:10px;background-size:10px;}
  .floor_3_main .liuc li p{width:70px;font-size: 13px;}
  
    /* 案例 */
  .gcan{padding:50px 0 30px;}
  .walking .ar_1{margin-left:10px;}
  
  /* 内页 */
.product_detail .img{left:0;width:100%;overflow:hidden;}
  .page-alist .page-atit p{    height: 4rem;}
   .zoomPad{height:220px;}
  .zoomPad img{height:220px !important;width:auto !important;}
  
   .page-alist .page-atit p{    height: 4rem;line-height:22px;}
  .relatedProduct .col-md-3 .imsg{width:auto;height:130px;}
  .relatedProduct .col-md-3{height:150px;}
  
  
  /*  数字滚动 */
   .digital{height:auto;margin:0;width:100%;}
  .mumping_mun li{width:50%;height:auto;padding:25px 0 0;}
  .mumping_mun p{font-size:14px;line-height:20px;}
  .mumping_mun h2{margin:10px 0;font-size:35px;}
  .mumping_mun{height:auto;}
  .mumping_mun h2 span {font-size: 20px;}
  .mumping_mun li:first-child{border:0;}
  .mumping_mun{border:0;}
  .mumping_mun li:after{margin-top: -5px;}
  .mumping_mun li:nth-child(2):after{display:none;}
  
  
  
  
  
}

@media (max-width:768px) {
	/* 导航 */
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important;}
	.navbar-pull-all { width: 70%; padding-top: 0; height: 50px; margin: 15px 0 0 15px; }
	.navbar-pull-all .xs-logo img { height: 35px;margin:0; }
	nav.navbar.bootsnav ul.nav > li > a { color:#000}
	/* 轮播 */
	.ibanner .img { height: 220px; }
  .page-banner{ height: 145px; background-size:190%;background-position:center center}
 #uu .img { height: 145px; }
  .ibanner .swiper-pagination-bullet{width:10px;height:10px;}
  .ibanner .swiper-pagination{bottom:10px;}
	/* 手机端底部导航 */
	.mobile-footer { display: block; background: #303030; display: flex; width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0; left: 0; }
	.mobile-footer a { flex: 1; color: #fff; text-align: center; }
	.mobile-footer a i { font-size: 22px; padding: 4px 0; }
	.mobile-footer a h5 { margin: 0; }

	/* 手机端走马灯处理 */
	.swiper .ar_1 { width: auto; }
}